<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<script type="text/javascript" src="/${initParam.context_root }/script/jquery.js"></script>
<link href="/${initParam.context_root }/css/starter-template3.css" rel="stylesheet">
<script type="text/javascript">
function popUpProfileByNickname(friendNickname) {
	
	window
	.open(
			'/${initParam.context_root }/message/member_profile.do?myId=${sessionScope.login_info.id}&friendNickname='+friendNickname, 'message',
			'width=487, height=600, toolbar=no, menubar=no, scrollbars=yes, resizable=no');
};
</script>
<div class="container">
	<div class="starter-template" style="padding-top: 40px; padding-left: 140px;">
		<h2>분석 결과</h2>
		<br>
		<c:choose>
			<c:when test="${requestScope.countFlag==1 }">
				<blockquote>
					<p>"당신은 TopGay의 자질이 있는 <strong>인기남</strong>입니다."</p>
				</blockquote>
			</c:when>
			<c:otherwise>
				<blockquote>
					<p>"당신은 <strong>여자 뿐만 아니라 남자</strong>에게도 인기가 없습니다."</p>
				</blockquote>
			</c:otherwise>
		</c:choose>

		<div style="width: 850px">
			<div style="float: left;" class="well well-lg">
				<div class="panel panel-default">
					<!-- Default panel contents -->
					<div class="panel-heading">당신은 나의 천생연분 Best 5</div>
					<div class="panel-body">
						<p>
							환상의 커플이 탄생했습니다! 상위 회원들에게 지금 바로 사랑을 속삭이세요!<br> 커플만을 위한 사랑의 타임라인 서비스도 준비되어 있습니다.
						</p>
					</div>
					<!-- Table -->
					<table class="table">
						<tr>
							<c:forEach items="${requestScope.list }" var="user" end="4">
								<td><a href="#" onclick="popUpProfileByNickname('${user.nickname}')">${user.id }</a>&nbsp;
									${user.matchPercent }% &nbsp;</td>
							</c:forEach>
						</tr>
					</table>
				</div>
			</div>
			<br>
			<p>
			<br>
			</p>
			<div style="float: right;" class="well well-lg">
				<div class="panel panel-default">
					<!-- Default panel contents -->
					<div class="panel-heading">죽어서도 마주치지 말자 Worst 5</div>
					<div class="panel-body">
						<p>
							어쩌면 전생에 원수를 만난 것일지도 모릅니다. 도망치세요. <br>저들과 엮이면 당신 인생이 피곤해질 뿐입니다.
						</p>
					</div>
					<!-- Table -->
					<table class="table">
						<tr>
							<c:forEach items="${requestScope.list }" var="user" begin="${fn:length(requestScope.list)-5}">
								<td><a href="#" onclick="popUpProfileByNickname('${user.nickname}')">${user.id }</a>&nbsp;
									${user.matchPercent }% &nbsp;</td>
							</c:forEach>
						</tr>
					</table>
				</div>
			</div>
			<br>
			<div style="padding: 50px 50px; 50px 50px;">
				<!-- 전체 조회 결과 리스트 출력 -->
				<table class="table table-striped">
					<thead>
						<tr>
							<th>순위</th>
							<th>아이디</th>
							<th>매칭률</th>
						</tr>
					</thead>
					<tbody>
						<c:forEach items="${requestScope.list }" var="user" varStatus="status">
							<tr>
								<td>${status.count }</td>
								<td><a href="#" onclick="popUpProfileByNickname('${user.nickname}')">${user.id }</a>&nbsp;</td>
								<td>${user.matchPercent }% &nbsp;</td>
							</tr>
						</c:forEach>
					</tbody>
				</table>
			</div>
		</div>
	</div>
</div>


